<template>
  <div v-if="items.length > 0" class="flex flex-wrap px-4">
    <a
      v-for="(item, i) in items"
      :key="i"
      :href="item.href"
      class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 my-1 hover:text-white hover:bg-gray-900"
      >{{ item.title }}</a
    >
  </div>
</template>

<script>
export default {
  props: {
    items: {
      type: Array,
      default: () => [],
    },
  },
};
</script>
